<template>
  <div>
    <p>
      账号：<input type="text">
    </p>
    <p>
      密码：<input type="text">
    </p>

    <ul>
      <li v-for="(item, index) in list" :key="index">
        {{ item.name }}
      </li>
    </ul>
    <!-- <img v-lazy="'https://img34446572.baidu.com/it/u=622902245,3661794572&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img1.baidu.com/it/u=3918163337,3583154734&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img1.baidu.com/it/u=251049146,3905767606&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img0.baidu.com/it/u=1051577226,2771334401&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img1.baidu.com/it/u=1677307154,4128866455&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img2.baidu.com/it/u=1945464906,1635022113&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img1.baidu.com/it/u=2342453063,3724550530&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img0.baidu.com/it/u=3324194721,265813210&fm=26&fmt=auto'" alt="">
    <img v-lazy="'https://img0.baidu.com/it/u=527192726,323612763&fm=26&fmt=auto'" alt=""> -->
  </div>
</template>

<script>
import axios from 'axios'
import '../mock'
export default {
  name: "about",
  data() {
    return {
      list: []
    }
  },
  created() {
    
  },
  activated() {
    // setInterval(() => {
    //   console.log(123)
    // }, 1000);

    axios.get('/getList').then(res => {
      this.list = res.data.list
    })
    // console.log('keep-alive激活了')
  },
  // deactivated() {
  //   console.log('我离开了')
  // }
  beforeDestroy() {
    console.log('about-准备销毁')
  },
  destroyed() {
    console.log('about-已经销毁')
  }
}
</script>

<style>

</style>
